<template>
<view class="check-button" :class="{check: isChecked}" >
  <image src="../../static/cart/tick.svg" alt="" mode="widthFix">
</view>
</template>

<script>
export default {
  name: "CheckButton",
  props: {
    isChecked: {
      type: Boolean,
      default: true
    }
  }
}
</script>

<style lang="scss">
  .check-button{
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 2px solid rgba(0,0,0,.1);
		image{
			width: 100%;
		}
  }
  .check,.all{
    background-color: $base-color
  }
</style>
